<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网易云音乐</title>
    <link rel="stylesheet" href="css/sima.css">
    <link rel="stylesheet" href="css/indext.css">
</head>

<body>
    <div class="head">
        <div class="box-1 center-block ">
            <div class="left-a s-left"></div>
            <div class="middle-a s-left pointer">
                <li>发现音乐
                </li>
                <li>我的音乐</li>
                <li>朋友</li>
                <li>商城</li>
                <li>音乐人</li>
                <li style="width:100px;height:80px;position: relative;">下载客户端
                    <div class="hot"></div>
                </li>
            </div>
            <div class="right-a s-right">
                <div class="kuai overhidden boxsizing s-left">
                    <div class="search-1 s-left"></div>
                    <input type="text" style="width:120px;height:30px;float:left;" placeholder="
            音乐/视频/电台/用户">
                </div>
                <li class="box-2 s-left pointer">
                    <div class="box-2-2">创作者中心</div>
                </li>
                <li class="denglu ">登陆
                    <div class="yin overhidden">
                        <div class="yin-1">手机登陆</div>
                        <div class="yin-1">微信登陆</div>
                        <div class="yin-1">00登陆</div>
                        <div class="yin-1">新浪微博登陆</div>
                    </div>
                </li>

            </div>

        </div>
    </div>
    <div class="banner-1">
        <div class="banner-2    ">
            <div class="banner-3 s-left overhidden ">
                <div class=" banner-4 " style="border-radius: 30px;  background-color:#9B0909;">推荐</div>
                <div class=" banner-4">排行榜</div>
                <div class=" banner-4">歌单</div>
                <div class=" banner-4">主播电台</div>
                <div class=" banner-4">歌手</div>
                <div class=" banner-4">新碟上架</div>
            </div>
        </div>
    </div>
    <div class="banner  s-left overhidden">

        <div class="main pointer  ">
            <div class="main-1">
                <div class="dot-1 s-left">
                    <li class="dots" style="background:red;"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                    <li class="dots"></li>
                </div>
            </div>
            <div class="main-2  "></div>

        </div>
        <div class="dot"></div>
        <div class="dot2"></div>
    </div>

    <div class="bodys ">
        <div class="bodys-left">
            <div class="bodys-top">
                <div class="quan s-left">
                    <li style="float:left;margin-left: 30px;font-size: 20px;">热门推荐 </li>
                    <li style="float:left;margin-left: 20px;">华语 |</li>
                    <li style="float:left;margin-left: 20px;">流行 |</li>
                    <li style="float:left;margin-left: 20px;">摇滚 | </li>
                    <li style="float:left;margin-left: 20px;">民谣 |</li>
                    <li style="float:left;margin-left: 20px;">电子</li>
                    <li style="float: right; ">更多</li>
                    <li style="width: 800px; border-bottom:4px solid red;margin-top: 40px;"></li>
                </div>
            </div>
            <div style="width:800px;height:300px; ">
                <div class="bang s-left">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
            </div>
            <div style="width:800px;height:300px; ">
                <div class="bang s-left ">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left ">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left ">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
                <div class="bang s-left ">
                    <div class="bang-a">
                        <div class="bang-b"></div>
                        <div style="float:left;margin-left:22px;font-size:12px;line-height:30px;color:#BAB9B9;">8464万播放
                        </div>
                        <div class="bang-c"></div>
                    </div>
                    <div>【VIP专享】一周新歌推荐</div>
                </div>
            </div>
            <div>
                <div style="width:100%;height:350px; ">
                    <div class="bodys-top">
                        <div class="quan s-left">
                            <li style="float:left;margin-left: 30px;font-size: 20px;"> 新碟上架</li>
                            <li style="float: right; ">更多</li>
                            <li style="width: 800px; border-bottom:4px solid red;margin-top: 40px;"></li>
                        </div>
                    </div>
                    <div class="bodys-middle-2">
                        <div style="float:left;padding:40px 40px;">
                            <div style="width:120px;height:150px;float: left;">
                                <div class="peng pointer"></div>
                                <div>A Few Good Kids马思唯</div>
                            </div>
                            <div style="margin-left: 30px; width:120px;height:150px;float: left;">
                                <div class="peng pointer"></div>
                                <div>A Few Good Kids马思唯</div>
                            </div>
                            <div style="margin-left: 30px; width:120px;height:150px;float: left;">
                                <div class="peng pointer"></div>
                                <div>A Few Good Kids马思唯</div>
                            </div>
                            <div style="margin-left: 30px; width:120px;height:150px;float: left;">
                                <div class="peng pointer"></div>
                                <div>A Few Good Kids马思唯</div>
                            </div>
                            <div style="margin-left: 30px; width:120px;height:150px;float: left;">
                                <div class="peng pointer"></div>
                                <div>A Few Good Kids马思唯</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style=" float: left; float: left; width: 800px; border-bottom:4px solid red;margin-top: 40px;">
                    <div style="font-size:22px;float: left ;margin-left: 20px; ">榜单</div>
                    <div style="font-size:12px;float: right; ">更多</div>
                </div>
                <div class="middle-b s-left">
                    <div class="middle-b-1 s-left">
                        <div style="width:230px;height:120px;  ">
                            <div style="  width:100px;height:100px;float: left;">
                                <div class="yue"> </div>
                            </div>
                            <div style=" margin-left: 20px;   width:100px;height:100px;float: left;">
                                <div style="float:left;margin-top: 10px;">云音乐飙升榜</div>
                            </div>
                        </div>
                        <div class="play">
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">1
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过人间</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">2
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    爱情转移</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">3
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">4
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    一路顺风</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">5
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    常回家看看</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">6
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    你爱过我吗</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">7
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    叮当猫</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">8
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    青藏高原</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">9
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    时间煮雨</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">
                                    10</div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    嘻嘻嘻嘻</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <div style="font-size:12px;float:right;">查看更多</div>
                        </div>
                    </div>
                    <div class="middle-b-1 s-left">
                        <div style="width:230px;height:120px;  ">
                            <div style="  width:100px;height:100px;float: left;">
                                <div class="yue"> </div>
                            </div>
                            <div style=" margin-left: 20px;   width:100px;height:100px;float: left;">
                                <div style="float:left;margin-top: 10px;">云音乐飙升榜</div>
                            </div>
                        </div>
                        <div class="play">
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">1
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过人间</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">2
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    爱情转移</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">3
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">4
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    一路顺风</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">5
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    常回家看看</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">6
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    你爱过我吗</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">7
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    叮当猫</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">8
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    青藏高原</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">9
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    时间煮雨</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">
                                    10</div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    嘻嘻嘻嘻</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <div style="font-size:12px;float:right;">查看更多</div>
                        </div>
                    </div>
                    <div class="middle-b-1 s-left">
                        <div style="width:230px;height:120px;  ">
                            <div style="  width:100px;height:100px;float: left;">
                                <div class="yue"> </div>
                            </div>
                            <div style=" margin-left: 20px;   width:100px;height:100px;float: left;">
                                <div style="float:left;margin-top: 10px;">云音乐飙升榜</div>
                            </div>
                        </div>
                        <div class="play">
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">1
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过人间</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">2
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    爱情转移</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">3
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    路过</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">4
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    一路顺风</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">5
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    常回家看看</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">6
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    你爱过我吗</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">7
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    叮当猫</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">8
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    青藏高原</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">9
                                </div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    时间煮雨</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <li class="title">
                                <div class="title-1" style="float:left;line-height: 30px;width:30px;margin-left: 5px;">
                                    10</div>
                                <div
                                    style="width:90px;height:30px; float:left;font-size: 13px;line-height: 30px;margin-left: 10px;   ">
                                    嘻嘻嘻嘻</div>
                                <div class="title-3"
                                    style="width:60px;height:30px; float: right;  background: yellow ;line-height: 30px;">
                                </div>
                            </li>
                            <div style="font-size:12px;float:right;">查看更多</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="bodys-right">
            <div class="tou">
                <div class="tou1 pointer">用户登录</div>
                登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机
            </div>
            <div style="width:100%;height:40px; ">
                <div style="font-size:12px;float:left;line-height: 40px;">入驻歌手</div>
                <div style="font-size:12px;float:right;line-height: 40px;"> 查看全部 ></div>
            </div>
            <div style="border:1px solid #ccc;  "></div>
            <div class="liang">
                <div class="liang1"></div>
                <div class="liang2">
                    <div class="liang3">
                        张惠妹aMEI
                    </div>
                    <div class="liang4">
                        台湾歌手张惠妹
                    </div>
                </div>
            </div>
            <div class="liang">
                <div class="liang1"></div>
                <div class="liang2">
                    <div class="liang3">
                        张惠妹aMEI
                    </div>
                    <div class="liang4">
                        台湾歌手张惠妹
                    </div>
                </div>
            </div>
            <div class="liang">
                <div class="liang1"></div>
                <div class="liang2">
                    <div class="liang3">
                        张惠妹aMEI
                    </div>
                    <div class="liang4">
                        台湾歌手张惠妹
                    </div>
                </div>
            </div>
            <div class="liang">
                <div class="liang1"></div>
                <div class="liang2">
                    <div class="liang3">
                        张惠妹aMEI
                    </div>
                    <div class="liang4">
                        台湾歌手张惠妹
                    </div>
                </div>
            </div>
            <div class="liang">
                <div class="liang1"></div>
                <div class="liang2">
                    <div class="liang3">
                        张惠妹aMEI
                    </div>
                    <div class="liang4">
                        台湾歌手张惠妹
                    </div>
                </div>
            </div>
            <div class="liang">
                    <div class="liang1"></div>
                    <div class="liang2">
                        <div class="liang3">
                            张惠妹aMEI
                        </div>
                        <div class="liang4">
                            台湾歌手张惠妹
                        </div>
                    </div>
                </div>
    <div style="  width: 100%;
    height: 25px; border:1px solid #ccc;margin-top:20px;  font-size: 13px; text-align: center;
        line-height: 25px; ">
  申请成为音乐人    
</div>
     <div style="font-size:12px;margin-top:40px; text-indent: 10px;">热门主播</div>
     <div style="border:1px solid #ccc;margin-top: 5px;  "></div>
     <div class="hou">
            <div class="hou1"></div>
            <div class="hou2">
                <div class="hou3">
                        陈立 
                </div>
                <div class="hou4">
                        心理学家、美食家陈立教授
                </div>
            </div>
        </div>
        <div class="hou">
                <div class="hou1"></div>
                <div class="hou2">
                    <div class="hou3">
                            陈立 
                    </div>
                    <div class="hou4">
                            心理学家、美食家陈立教授
                    </div>
                </div>
            </div>
            <div class="hou">
                    <div class="hou1"></div>
                    <div class="hou2">
                        <div class="hou3">
                                陈立 
                        </div>
                        <div class="hou4">
                                心理学家、美食家陈立教授
                        </div>
                    </div>
                </div>
                <div class="hou">
                        <div class="hou1"></div>
                        <div class="hou2">
                            <div class="hou3">
                                    陈立 
                            </div>
                            <div class="hou4">
                                    心理学家、美食家陈立教授
                            </div>
                        </div>
                    </div>
                    <div class="hou">
                            <div class="hou1"></div>
                            <div class="hou2">
                                <div class="hou3">
                                        陈立 
                                </div>
                                <div class="hou4">
                                        心理学家、美食家陈立教授
                                </div>
                            </div>
                        </div>
        </div>
    </div>
    
</body>

</html>